var hideBox = function () {
	$(this).next().attr("style", "display:none");
	$(this).unbind();
	$(this).click(showBox);
}

var showBox = function () {
	$(this).next().attr("style", "display:block");
	$(this).unbind();
	$(this).click(hideBox);
}

function boxToggle(boxId) {

	var box = $(boxId)[0];
	var head = $("h2", box)[0];
	$(head).parent().before($('<a href="#">' + head.innerHTML + '</a>').click(showBox));
	$(head).parent().attr('style', 'display:none');
	$(head).remove();
}

$(document).ready(function(){
	boxToggle(".collapsible");
});
